<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
		"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-hans"
	  version="XHTML+RDFa 1.0" dir="ltr" xmlns:th="www.thymeleaf.org">
<head profile="http://www.w3.org/1999/xhtml/vocab">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" href="misc/favicon.ico"
		  type="image/vnd.microsoft.icon" />
	<meta name="generator" content="开放书屋 (#)" />
	<meta name="rights" content="开放书屋，版权所有" />
	<title>用户帐户 | 灿然书屋</title>
	<link type="text/css" rel="stylesheet"
		  href="sites/default/files/css/css_xE-rWrJf-fncB6ztZfd2huxqgxu4WO-qwma6Xer30m4.css"
		  media="all" />
	<link type="text/css" rel="stylesheet"
		  href="sites/default/files/css/css_rAWFMaRvev_YVJgRAKK7yVXwsgx9afi98jo7qDGwEf8.css"
		  media="all" />
	<link type="text/css" rel="stylesheet"
		  href="sites/default/files/css/css_NCOSdpoQnWWQHVcfG2o2skDLf8YSjSAlOAadPoELzbo.css"
		  media="all" />
	<link type="text/css" rel="stylesheet"
		  href="sites/default/files/css/css_bdATSoh3o2IK3XRLY7797zuX1tE3-0Stkdq5mD0eflg.css"
		  media="all" />

	<!--[if lt IE 9]>
	<link type="text/css" rel="stylesheet" href="sites/all/themes/dushu/css/fix-ie7.css?q633bi" media="all" />
	<![endif]-->

	<!--[if lt IE 7]>
	<link type="text/css" rel="stylesheet" href="sites/all/themes/dushu/css/fix-ie6.css?q633bi" media="all" />
	<![endif]-->
	<script type="text/javascript"
			src="sites/default/files/js/js_qikmINIYTWe4jcTUn8cKiMr8bmSDiZB9LQqvceZ6wlM.js"></script>
	<script type="text/javascript"
			src="sites/default/files/js/js_CC-zfeuQHcDhFtVRuKW53h30TL7j_105J32Nz8b8R38.js"></script>
	<script type="text/javascript"
			src="sites/default/files/js/js_6uMVSUgDf9ldb_NCxvCamFQoenOq-XcovWYUCJT4HIU.js"></script>
	<script type="text/javascript"
			src="sites/default/files/js/js_IiLo1mDjK0jUa0M9YydkoeE81qpN3sfDPnXvCtLt368.js"></script>
	<script type="text/javascript"
			src="sites/default/files/js/js_xThLSve1PKygorKK3W5JBKVAg5PaB1uw7YAS7kRSzqc.js"></script>
	<script type="text/javascript">
		<!--//--><![CDATA[//><!--
		jQuery
				.extend(
						Drupal.settings,
						{
							"basePath" : "\/",
							"pathPrefix" : "",
							"ajaxPageState" : {
								"theme" : "dushu",
								"theme_token" : "dMqE-5yYXkOm5u14Q26gg_3TWu3pMnGEHd4ERgXDRms",
								"js" : {
									"0" : 1,
									"misc\/jquery.js" : 1,
									"misc\/jquery-extend-3.4.0.js" : 1,
									"misc\/jquery.once.js" : 1,
									"misc\/drupal.js" : 1,
									"misc\/jquery.cookie.js" : 1,
									"sites\/all\/modules\/lazyloader\/jquery.lazyloader.js" : 1,
									"public:\/\/languages\/zh-hans_MGNxAABCo8FuXfHAWwvv78Fy5rUBtQGbntYeDIrMceY.js" : 1,
									"sites\/all\/modules\/captcha\/captcha.js" : 1,
									"modules\/user\/user.js" : 1,
									"sites\/all\/modules\/image_captcha_refresh\/image_captcha_refresh.js" : 1,
									"sites\/all\/themes\/dushu\/js\/script.js" : 1
								},
								"css" : {
									"modules\/system\/system.base.css" : 1,
									"modules\/system\/system.menus.css" : 1,
									"modules\/system\/system.messages.css" : 1,
									"modules\/system\/system.theme.css" : 1,
									"modules\/comment\/comment.css" : 1,
									"sites\/all\/modules\/date\/date_api\/date.css" : 1,
									"sites\/all\/modules\/date\/date_popup\/themes\/datepicker.1.7.css" : 1,
									"modules\/field\/theme\/field.css" : 1,
									"modules\/node\/node.css" : 1,
									"modules\/search\/search.css" : 1,
									"sites\/all\/modules\/ubercart\/uc_order\/uc_order.css" : 1,
									"sites\/all\/modules\/ubercart\/uc_product\/uc_product.css" : 1,
									"sites\/all\/modules\/ubercart\/uc_store\/uc_store.css" : 1,
									"modules\/user\/user.css" : 1,
									"sites\/all\/modules\/views\/css\/views.css" : 1,
									"sites\/all\/modules\/lazyloader\/lazyloader.css" : 1,
									"sites\/all\/modules\/ctools\/css\/ctools.css" : 1,
									"sites\/all\/modules\/panels\/css\/panels.css" : 1,
									"sites\/all\/themes\/dushu\/css\/style.css" : 1,
									"sites\/all\/themes\/dushu\/css\/custom.css" : 1,
									"sites\/all\/themes\/dushu\/css\/custom1.css" : 1,
									"sites\/all\/themes\/dushu\/css\/custom2.css" : 1,
									"sites\/all\/themes\/dushu\/css\/custom3.css" : 1,
									"sites\/all\/themes\/dushu\/css\/fix-ie7.css" : 1,
									"sites\/all\/themes\/dushu\/css\/fix-ie6.css" : 1
								}
							},
							"jcarousel" : {
								"ajaxPath" : "\/jcarousel\/ajax\/views"
							},
							"urlIsAjaxTrusted" : {
								"\/user\/register" : true
							},
							"password" : {
								"strengthTitle" : "\u5bc6\u7801\u5f3a\u5ea6\uff1a",
								"hasWeaknesses" : "\u589e\u5f3a\u4f60\u7684\u5bc6\u7801\uff1a",
								"tooShort" : "\u8bf7\u81f3\u5c11\u8bbe6\u4e2a\u5b57\u7b26",
								"addLowerCase" : "\u6dfb\u52a0\u5c0f\u5199\u5b57\u6bcd",
								"addUpperCase" : "\u6dfb\u52a0\u5927\u5199\u5b57\u6bcd",
								"addNumbers" : "\u6dfb\u52a0\u6570\u5b57",
								"addPunctuation" : "\u6dfb\u52a0\u6807\u70b9\u7b26\u53f7",
								"sameAsUsername" : "\u4f7f\u5176\u548c\u4f60\u7684\u7528\u6237\u540d\u4e0d\u540c",
								"confirmSuccess" : "\u662f",
								"confirmFailure" : "\u5426",
								"weak" : "\u5f31",
								"fair" : "\u4e2d\u7b49",
								"good" : "\u597d",
								"strong" : "\u5f3a\u8c03",
								"confirmTitle" : "\u5bc6\u7801\u5339\u914d\uff1a",
								"username" : ""
							}
						});
		//--><!]]>
	</script>
	<!--[if lt IE 7]>
	<style type="text/css" media="all">@import url("//sites/all/themes/dushu/css/fix-ie6.css");</style>
	<![endif]-->
	<!--[if IE 7]>
	<style type="text/css" media="all">@import url("//sites/all/themes/dushu/css/fix-ie7.css");</style>
	<![endif]-->
</head>
<body
		class="html not-front not-logged-in no-sidebars page-user page-user-register">
<div id="skip-link">
	<a href="#main-content" class="element-invisible element-focusable">跳转到主要内容</a>
</div>



<!--首页头部-->

<div th:replace="index::div#mininav"></div>

<div th:replace="index::div#header-wrapper1"></div>

<div class="class_nav"></div>
<div class="breadcrumb" id="breadcrumb">
	<h2 class="element-invisible">你在这里</h2>
	<div class="breadcrumb">
		<a href="/">首页</a> » <a href="user_home.htm">用户帐户</a>
	</div>
</div>
<div id="content">
	<a id="main-content"></a>
	<h2 class="element-invisible">主标签</h2>
	<ul class="tabs primary">
		<li class="active"><a href="register.htm" class="active">创建新帐号<span
				class="element-invisible">（活动标签）</span></a></li>
		<li><a href="login.htm">登录</a></li>
		<li><a href="modify.htm">重设密码</a></li>
	</ul>
	<div class="region region-content">
		<div id="block-system-main" class="block block-system">


			<div id="register" class="content">
				<form class="user-info-from-cookie" enctype="multipart/form-data"
					  action="register.htm" method="post" id="user-register-form"
					  accept-charset="UTF-8">
					<div>
						<div id="edit-account" class="form-wrapper">
							<div class="form-item form-type-textfield form-item-realname">
								<label for="edit-realname">真实姓名 <span class="form-required"
																 title="此项必填。">*</span></label>
								<input v-model="reguser.account"
									   class="username form-text required" type="text" id="edit-realname"
									   name="name" value="" size="60" maxlength="60" />
							</div>
							<div class="form-item form-type-textfield form-item-name">
								<label for="edit-name">用户名(昵称)<span class="form-required"
																 title="此项必填。">*</span></label>
								<input v-model="reguser.username"
									class="username form-text required" type="text" id="edit-name"
									name="name" value="" size="60" maxlength="60" />
								<div class="description">允许空格；除英文句号（.）、横线（-）、单引号（'）和下划线（_）外的标点符号不允许。</div>
							</div>
							<div class="form-item form-type-textfield form-item-mail">
								<label for="edit-mail">电子邮件地址 <span
										class="form-required" title="此项必填。">*</span></label>
								<input v-model="reguser.email"
									type="text" id="edit-mail" name="mail" value="" size="60"
									maxlength="254" class="form-text required" />
								<div class="description">需要一个合法的邮件地址。所有的系统邮件都会发送到此地址。此地址不对外公开，当需要获取新密码或获取特定消息及通知时会使用此邮件地址。</div>
							</div>
							<div class="form-item form-type-textfield form-item-phone">
								<label for="edit-phone">联系方式 <span
										class="form-required" title="此项必填。">*</span></label>
								<input v-model="reguser.phone"
									   type="text" id="edit-phone" name="mail" value="" size="60"
									   maxlength="254" class="form-text required" />
								<div class="description">需要您的联系方式。</div>
							</div>
							<div class="form-item form-type-textfield form-item-address">
								<label for="edit-address">地址 <span
										class="form-required" title="此项必填。">*</span></label>
								<input v-model="reguser.address"
									   type="text" id="edit-address" name="mail" value="" size="60"
									   maxlength="254" class="form-text required" />
								<div class="description">需要一个地址作为您的收货地址。</div>
							</div>
							<div class="form-item form-type-password-confirm form-item-pass">
								<div class="form-item form-type-password form-item-pass-pass1">
									<label for="edit-pass-pass1">密码 <span
											class="form-required" title="此项必填。">*</span></label>
									<input v-model="reguser.password"
										class="password-field form-text required" type="password"
										id="edit-pass-pass1" name="pass[pass1]" size="25"
										maxlength="128" />
								</div>
								<div class="form-item form-type-password form-item-pass-pass2">
									<label for="edit-pass-pass2">确认密码 <span
											class="form-required" title="此项必填。">*</span></label> <input
										class="password-confirm form-text required" type="password"
										id="edit-pass-pass2" name="pass[pass2]" size="25"
										maxlength="128" />
								</div>

								<div class="description">输入新帐号的密码（共输入两次）</div>
							</div>
						</div>
<!--						<input type="hidden" name="form_build_id"-->
<!--							   value="form-GFFpzIQlCzVmdQ7a4J7D2wRAijPBx29o7_pH_qTkVrk" /> <input-->
<!--							type="hidden" name="form_id" value="user_register_form" />-->
<!--						<div class="captcha">-->
<!--							<input type="hidden" name="captcha_sid" value="1522323" /> <input-->
<!--								type="hidden" name="captcha_token"-->
<!--								value="f3da8a8ce353c67589a44518fb0011b9" />-->
<!--							<div-->
<!--									class="form-item form-type-textfield form-item-captcha-response">-->
<!--								<label for="edit-captcha-response">验证码 <span-->
<!--										class="form-required" title="此项必填。">*</span></label> <input-->
<!--									type="text" id="edit-captcha-response" name="captcha_response"-->
<!--									value="" size="15" maxlength="128" class="form-text required" />-->
<!--								<div class="description">请输入图片中的字符。</div>-->
<!--							</div>-->
<!--							<img data-src="/image_captcha?sid=1522323&amp;ts=1586060928"-->
<!--								 src="sites/all/modules/lazyloader/image_placeholder.gif"-->
<!--								 width="96" height="48" alt="Image CAPTCHA"-->
<!--								 title="Image CAPTCHA" />-->
<!--							<noscript>-->
<!--								<img src="/image_captcha?sid=1522323&amp;ts=1586060928"-->
<!--									 width="96" height="48" alt="Image CAPTCHA"-->
<!--									 title="Image CAPTCHA" />-->
<!--							</noscript>-->
<!--							<div class="reload-captcha-wrapper">-->
<!--								看不清？<a href="/captcha/refresh/user_register_form"-->
<!--									   id="reload-captcha" class="reload-captcha">换张图</a>-->
<!--							</div>-->
<!--							<div class="clearfix"></div>-->
<!--						</div>-->
						<div class="form-actions form-wrapper" id="edit-actions">
							<input @click.prevent="register" type="submit" id="edit-submit" name="op" value="创建新帐号"
								   class="form-submit" />
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="clear"></div>
<div th:replace="index::div#footer"></div>
<a class="go_top" href="javascript:void(0);"></a>



<div class="region region-page-bottom">
	<noscript>
		<style type="text/css" media="all">
			img[data-src] {
				display: none !important;
			}
		</style>
	</noscript>
</div>
<script type="text/javascript">
	<!--//--><![CDATA[//><!--
	(function($) {
		Drupal.behaviors.lazyloader = {
			attach : function(context, settings) {
				$("img[data-src]")
						.lazyloader(
								{
									distance : 0,
									icon : "sites/all/modules/lazyloader/loader/loader-7.gif"
								});
			}
		};
	}(jQuery));
	//--><!]]>
</script>
<script>
	var regv = new Vue({
		el : "#register",
		data : {
			reguser:{
				account:"",
				username:"",
				password:"",
				email:"",
				phone:"",
				address:""
			}
		},
		methods:{
			register(){
				let params = new URLSearchParams();
				params.append("account",this.reguser.account)
				params.append("username",this.reguser.username);
				params.append("password",this.reguser.password);
				params.append("address",this.reguser.address);
				params.append("phone",this.reguser.phone);
				params.append("email",this.reguser.email);
				axios.post("xm-user/register",params).then(res=>{
					if (res.data.code){
						alert("注册成功!");
						location.href="/";
					}else {
						alert(res.data.msg);
					}
				})
			}
		}
	})
</script>
</body>
</html>
